@import '../scss/mixin';
@import '../scss/variable';


.category {
    .content {
        @include flex(row, flex-start, center, wrap);
        background: #fff;
    
        .item {
            width: 50%;
            padding: 20px;
            @include border1px(bottom);
            margin-bottom: 0px;
            dt {
                @include wh(340px, 340px);

                img {
                    @include wh(100%, 100%);
                }
            }

            dd {
                font-size: $base-size-m;
                text-align: center;
                @include ellipsis();
                margin-bottom: 0px;
                &:nth-child(2) {
                    margin: 20px 0 30px 0;
                }

                b {
                    color: red;
                }
            }
        }
    }
}